<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="script/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="script/sprintf-0.7-beta1.js"></script>
	<script type="text/javascript" src="script/index.js"></script>

	<link rel="stylesheet" type="text/css" href="style/common.css" />
	<link id="style" rel="stylesheet" type="text/css" href="style/green.css" />
	<title>RSS Reader</title>
</head>
<body onLoad="OnLoad()">
	<div id="header">
		<!-- themes selector -->
		<ul class="themes">
			<li id="green"><a href="javascript:OnStyle('green')"">Green</a></li>
			<li id="orange"><a href="javascript:OnStyle('orange')">Orange</a></li>
			<li id="purple"><a href="javascript:OnStyle('purple')">Purple</a></li>
		</ul>
		
		<div class="header-bottom">
			<!-- new rss form -->
			<div id="newrss" class="box">
				<div class="heading">
					<h2>RSS viewer</h2>
					<div class="buttons">
						<a href="javascript:OnFrmToggle()"><img src="image/expand.png" alt="expand" /></a>
					</div>
				</div>
				
				<div class="content">
					<div class="field">
						<div class="label"><label for="name">Tên hiển thị</label></div>
						<div class="input"><input id="name" name="name" type="text" /></div>
					</div>
					<div class="field">
						<div class="label"><label for="url">URL</label></div>
						<div class="input"><input id="url" name="url" type="text" /></div>
					</div>
					<div class="buttons">
						<button onclick="javascript:OnAdd()">Thêm</button>
						<button name="cancel" onclick="javascript:OnFrmToggle()">Hủy</button>
					</div>
				</div>
			</div>
			
			<!-- search bar -->
			<div class="search">
				<input name="keyWord" id="keyWord" type="text" onkeypress="OnKey(event)" placeholder="Nhập vào từ khóa và ấn enter"/>
				<a href="javascript:OnSearch()"><img align="middle" src="image/find.png" alt=""/></a>
			</div>
		</div>
	</div>

	<div id="content"></div>
	
	<!-- update form template -->
	<div id="updFrm" style="display: none">
		<div class="field">
			<div class="label"><label>Tên hiển thị</label></div>
			<div class="input"><input name="name" type="text" /></div>
		</div>
		<div class="field">
			<div class="label"><label>URL</label></div>
			<div class="input"><input name="url" type="text" /></div>
		</div>
		<div class="buttons">
			<button name="save">Lưu</button>
			<button name="cancel" onclick="$(this).parent().parent().hide()">Hủy</button>
		</div>
	</div>
</body>
</html>	
